<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="renderer" content="webkit">
		<link rel="stylesheet" type="text/css" href="css/base/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/base/base.css" />
		<link rel="stylesheet" type="text/css" href="css/project/index.css" />
		<link rel="stylesheet" type="text/css" href="css/project/header.css" />
		<link rel="stylesheet" type="text/css" href="css/project/footer.css" />
		<script type="text/javascript" src="js/base/jquery-1.12.4.js"></script>
		<script type="text/javascript" src="js/base/cookie.js"></script>
		<script type="text/javascript" src="js/base/bootstrap.js"></script>
		<script type="text/javascript" src="js/base/urlconfig.js"></script>
		<script type="text/javascript" src="js/base/commen.js"></script>
		<!--<script type="text/javascript" src="js/base/angular.min.js"></script>-->
	</head>
	<body id="body">
		<div class="container-fluid" id="index">
			<div class="row">
				<div class="headBox" style="background: #fff;">
					<div class="head">
						
						<div class="hideBox pull-right">
							<div class="loginaBox">
								<ul class="clearfix">
									<li><a href="html/register.html">登录</a></li>
									<li><a href="html/login.html">注册</a></li>
								</ul>
							</div>
							<div class="inforBox">
								<ul class="clearfix informationB">
									<li><a href="html/myTrain.html">我的学习</a></li>
									<li><a href="#">王子 </a></li>
									<li class="quit">退出</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="container">
						<div class="row">
							<nav class="navbar navbar-default">
							  <div class="container-fluid">
							    <!-- Brand and toggle get grouped for better mobile display -->
							    <div class="navbar-header navbar-headerSecond">
							      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							        <span class="sr-only">Toggle navigation</span>
							        <span class="icon-bar"></span>
							        <span class="icon-bar"></span>
							        <span class="icon-bar"></span>
							      </button>
							      <a class="navbar-brand allSubject" href="#">全部课程</a>
							    </div>
							
							    <!-- Collect the nav links, forms, and other content for toggling -->
							    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							      <ul class="nav navbar-nav">
							        <li ><a href="#">课程体系<span class="sr-only">(current)</span></a></li>
							        <li><a href="#">app下载</a></li>
							        
							      </ul>
							      
							      <ul class="nav navbar-nav navbar-right rightUl">
							        <li class="firstLi"><span class="iconfont">&#xe603;</span></li>
									<li class="secondLi"><a href="html/projectReport.html"><span class="firstSpan">使用凭据代码和校验码</span><br/><span class="secondSpan">项目报道</span></a></li>
							      </ul>
							      <ul class="nav navbar-nav navbar-right rightUlSecond">
							      	<li><a href="#">项目报道</a></li>
							      </ul>
							      
							      
							    </div><!-- /.navbar-collapse -->
							  </div><!-- /.container-fluid -->
							</nav>
						</div>
					</div>

				</div>
				<div class="banner">
					<!--<img src="images/bannerBg_02.png" class="img-responsive"/>-->
					<!--<div class="subjectLi">
						<p>全部课程</p>
						<ul>
							<li class="flw">计算机科学与技术</li>
							<li class="flw">设计学</li>
							<li class="flw">公共管理</li>
							<li class="flw">建筑学</li>
							<li class="flw">机械工程</li>
							<li class="flw">金融</li>
						</ul>
					</div>-->
				</div>
				<div class="container" >
					<div class="row">
						<!--课程类型的列表-->
						<div class="classList">
							<div class="classSubjectItem hotClass">
								<div class="classTitle clearfix">
									<p class="title pull-left flw">热门课程</p>
									<p class="more pull-right flw">更多<span class="iconfont">&#xe63d;</span></p>
								</div>
								<div class="classBox clearfix hotClassBox">
									<div class="col-md-4 col-sm-6 col-xs-12 classItem">
										<div class="bgDiv clearfix">
											<div class="classImg">
												<img src="images/微信图片_20170518155433_03.png" class="img-responsive"/>
												<div class="classImgText">
													<span>查看课程</span>
												</div>
											</div>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									
									
								</div>
							</div>
							<div class="classSubjectItem">
								<div class="classTitle clearfix">
									<p class="title pull-left flw">设计学</p>
									<p class="more pull-right">更多<span class="iconfont">&#xe63d;</span></p>
								</div>
								<div class="classBox clearfix  artClassBox">
									
									
									<!--<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>-->
									
									
									
								</div>
							</div>
							<div class="classSubjectItem ">
								<div class="classTitle clearfix">
									<p class="title pull-left flw">计算机科学与技术</p>
									<p class="more pull-right">更多<span class="iconfont">&#xe63d;</span></p>
								</div>
								<div class="classBox clearfix computerArt">
									
									
									<!--<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>
									<div class="col-md-4 classItem">
										<div class="bgDiv clearfix">
											<img src="images/微信图片_20170518155433_03.png" class="classImg"/>
											<div class="classAboutInformation pull-left">
												<span class="peopleNum">课程人数</span>
												<span class="num">188</span>
												<span class="classTeacher">课程讲师</span>
												<span class="teacherName">金雁</span>
											</div>
										</div>
										<div class="textBox">
											<p class="classItemTitle">游戏和影视中的动画技术：理论和实践的相互结合</p>
											<p class="state">免费</p>
										</div>
									</div>-->
									
									
									
								</div>
							</div>
						</div>
						<!--院校共建的列表-->
						<div class="schoolList">
							<div class="schoolSubjectItem">
								<div class="schoolTitle clearfix">
									<p class="title pull-left flw">院校共建</p>
								</div>
							</div>
							<div class="schoolAndSubjectList">
								
								
								<!--<div class="schoolAndSubjectItem">
									<div class="borderDiv">
										<div class="schoolBox">
											<div class="schoolItem clearfix">
												<div class="schoolInformation pull-left">
													<div class="schoolClassTitle">
														<p class="schoolClassName">建筑理论史</p>
														<p class="schoolClassState">院校课程</p>
													</div>
													<div class="schoolClassBrief">
														2016年7月10日至7月16日，以色列先锋生态建筑大师、诗人渡堂海教授（Prof.HaimDotan）领衔的“SIVA德稻实验班”密集课程（主题：幸福家园;生态宜居创意环境设计）在四川美术学院设计艺术学院环境设计系展开。短短六天，来自川美设计艺术学院环境设计系的23位同学在大师引领下，探讨了中国未来生态住居环境的可能性，并呈现出了令人赞赏的创意成果。
													</div>
												</div>
												<div class="imgBox pull-left">
													<img src="images/微信图片_20170518155433_07.png" class="img-responsive pull-left onlyImg"/>
													<div class="inforNum pull-left" id="aaa">
														<p class="fontColor">参与人数</p>
														<p class="claNum">388</p>
														<p class="inforNuma fontColor">课程讲师</p>
														<p class="classTeacher">葛林瑞</p>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="clearfix"></div>
									<div class="bgDi"></div>
								</div>
								<div class="schoolAndSubjectItem">
									<div class="borderDiv">
										<div class="schoolBox">
											<div class="schoolItem clearfix">
												<div class="schoolInformation pull-left">
													<div class="schoolClassTitle">
														<p class="schoolClassName">建筑理论史</p>
														<p class="schoolClassState">院校课程</p>
													</div>
													<div class="schoolClassBrief">
														2016年7月10日至7月16日，以色列先锋生态建筑大师、诗人渡堂海教授（Prof.HaimDotan）领衔的“SIVA德稻实验班”密集课程（主题：幸福家园;生态宜居创意环境设计）在四川美术学院设计艺术学院环境设计系展开。短短六天，来自川美设计艺术学院环境设计系的23位同学在大师引领下，探讨了中国未来生态住居环境的可能性，并呈现出了令人赞赏的创意成果。
													</div>
												</div>
												<div class="imgBox pull-left">
													<img src="images/微信图片_20170518155433_07.png" class="img-responsive pull-left onlyImg"/>
													<div class="inforNum pull-left">
														<p class="fontColor">参与人数</p>
														<p class="claNum">388</p>
														<p class="inforNuma fontColor">课程讲师</p>
														<p class="classTeacher">葛林瑞</p>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="clearfix"></div>
									<div class="bgDivBox">
										<div class="bgDi"></div>
									</div>-->
								</div>
							</div>
							<div class="moreSchool">
								<span class="iconfont">&#xe619;</span>
							</div>
						</div>
						<!--德稻大师的列表-->
						<div class="exportList">
							<div class="schoolSubjectItem">
								<div class="schoolTitle clearfix">
									<p class="title pull-left">德稻大师</p>
									<p class="more pull-right">更多<span class="iconfont">&#xe63d;</span></p>
								</div>
								
							</div>
							<div class="moreExport">
								<div class="exportItem clearfix">
									<div class="col-md-3 exportA">
										<div class="imgBox">
											<img src="images/在线教育平台_首页_07.png" />
										</div>
										<div class="textBox">
											<p class="position">德稻可发展战略大师</p>
											<p class="name">艾博思</p>
										</div>
									</div>
									<div class="col-md-3  exportA">
										<div class="imgBox">
											<img src="images/在线教育平台_首页_07.png" />
										</div>
										<div class="textBox">
											<p class="position">德稻可发展战略大师</p>
											<p class="name">艾博思</p>
										</div>
									</div>
									<div class="col-md-3  exportA">
										<div class="imgBox">
											<img src="images/在线教育平台_首页_07.png" />
										</div>
										<div class="textBox">
											<p class="position">德稻可发展战略大师</p>
											<p class="name">艾博思</p>
										</div>
									</div>
									<div class="col-md-3  exportA">
										<div class="imgBox">
											<img src="images/在线教育平台_首页_07.png" />
										</div>
										<div class="textBox">
											<p class="position">德稻可发展战略大师</p>
											<p class="name">艾博思</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div> 
				</div>
			</div>
			<div class="footer clearfix">
				<div class="container">
					<div class="row" >
						<div class="erweiBox pull-left">
							<img src="images/erwei_07.png" />
						</div>
						<div class="pull-left textInformation">
							<p class="firstP"><span>德稻教育</span><span>德稻格子</span></p>
							<p class="secondP"><span>课程证书</span><span>关于德稻</span><span>联系我们</span><span>意见反馈</span><span>FAQ</span></p>
							
							<p class="thirdP">京公网备案31011702000981号</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/project/index.js"></script>
		<script>
		$(".classImg").hover(function(){
			$(this).find(".classImgText").stop().animate({
				"bottom":"0"
			})
		},function(){
			$(this).find(".classImgText").stop().animate({
				"bottom":"-100%"
			})
		})
		</script>
	</body>
</html>
